<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Echarts加载地图</title>
    <!-- 引入jquery文件 -->
    <script src="../js/jquery-3.1.1.js"></script>
    <!-- 引入 ECharts 文件 -->
    <script src="../js/echarts.js"></script>
    <script src="../data/world.js"></script>
</head>
<body>
<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
<div id="main" style="width: 600px;height:400px;"></div>
</body>
</html>

<script type="text/javascript">
    $.get('../data/world.json', function (worldJson) {
        echarts.registerMap('world', worldJson);
        var chart = echarts.init(document.getElementById('main'));
        chart.setOption({
            series: [{
                type: 'map',
                map: 'world'
            }]
        });
    });
</script>